(function () {
    $(function () {
        $.ajax({
            url:"../../server/getlist.php",
        }).then(function (res) {
            let str=``;
            //res即为拿到的goodsData.json里面的数组
            //遍历这个数组,ele为里面的每一个对象,index为下标
            res.forEach((ele,index)=>{
                //使用字符串拼接,动态添加主页里面商品
                str+=`<li><a href="details.html?id=${ele.gid}"><img src="${ele.img[0]}"/>
                           <span>${ele.goodsName}</span></a>
                           <b>￥${ele.price}</b>
                      </li>`
            })
            //渲染到主页上面去
            $("#right ul").html(str);
        })
    })
})()